<!--
 * @Author: zhangyang
 * @Date: 2022-04-15 10:12:24
 * @LastEditTime: 2022-04-15 10:20:04
 * @Description: 
-->
<script lang="ts" setup>
import css from '~/styles/main.module.scss'
console.log("🚀 ~ file: Header.vue ~ line 9 ~ css", css)

</script>
<template>
  <div class="head-container">
    <div class="head"></div>
  </div>
</template>

<style lang="scss" scoped>
.head-container {
  @apply w-full;
  background-color: rebeccapurple;
  .head {
    width: v-bind('css.container_width');
    margin: 0 auto;
    height: 68px;
    background-color: cyan;
  }
}

</style>